<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="description" content="{{cate.seoDescription || site.description}}">
    <meta name="keywords" content="{{cate.seoKeywords || site.keywords}}" />
    <meta property="og:title" content="{{cate.seoTitle || cate.name}}-{{site.name}}" />
    <meta property="og:description" content="{{site.description}}" />
    <title>{{cate.seoTitle || cate.name}}-{{site.name}}</title>
    {{include './common/meta.html'}}

<body class="bg-f8f8f8">
    <!-- 头部 -->
    {{include './common/header.html'}}

    <!-- 头条文章 -->
    <main class="bg-f2f2f2 pt-10 pb-20 flex">
        <div class="main center mt-10 flex gap-20">
            <!-- 最新文章 -->
            <article class="w-full">
                <div class="bg-fff pd-15 mb-1 f-14 c-999 radius-6">
                    <i class="ico-20 ico-home pos-r t-3"></i>
                    <a href="/">首页</a> /
                    {{each position}}
                        {{if $index < position.length-1}}
                            <a href="{{$value.path}}/index.html">{{$value.name}}</a> /
                            {{else}}
                            <a class="c-666" href="{{$value.path}}/index.html">{{$value.name}}</a>
                        {{/if}}
                    {{/each}}
                </div>

                <div class="bg-fff pl-25 pr-25 pb-25 radius-6 list">
                    {{if data.list.length>0}}
                        <!-- border-dashed pt-20 pb-20 -->
                        <div class="flex flex-wrap gap-7">
                            {{each data.list}}
                            {{if $value.img}}
                            <figure class="flex list-img-item justify-between mt-10 pos-r">
                                <a href="{{$value.path}}/article-{{$value.id}}.html"
                                title="{{$value.title}}">
                                <img class="w-full" src="{{$value.img}}" alt="{{$value.title}}" title="{{$value.title}}">
                                <figcaption class="overlay flex-end">
                                    <p class="title">{{$value.title}}</p>
                                </figcaption>
                                </a>
                            </figure>
                            {{/if}}
                            {{/each}}
                        </div>
                        
                    {{else}}
                    <div class="el-empty">
                        <div class="mt-35 mb-35 f-30">
                            <p>灯火阑珊处，</p>
                            <p>文章一点无！</p>
                        </div>
                        <div class="el-empty_Description">
                            <p><a href="https://www.chancms.top" target="_blank">ChanCMS</p>
                        </div>
                    </div>
                    {{/if}}
                </div>

                <!-- 分页 -->
                {{if pageHtml}}
                <div class="page mt-1 bg-fff pd-25 flex justify-center  radius-6" id="app">
                     <ul class="overflow-h center list-none" id="page">
                       {{@ pageHtml}}
                     </ul> 
                </div>
                {{/if}}
            </article>
        </div>
    </main>

    <!-- footer -->
    {{include './common/footer.html'}}

    <!-- 移动端导航 -->
    {{include './common/wap-nav.html'}}

    <div class="ignore api mb-20 mt-20 pd-20 bg-f2f2f2">
        <h1>ChanCMS 当前页面数据：</h1>
        <p class="mb-20">site-> {{site}} </p>
        <p class="mb-20">nav-> {{nav}} </p>
        <p class="mb-20">category-> {{category}}</p>
        <p class="mb-20">friendlink-> {{friendlink}}</p>
        <p class="mb-20">base_url-> {{base_url}}</p>
        <p class="mb-20">frag--->{{frag}}</p>
        <p class="mb-20">ad--->{{frag.ad}}</p>
        <p class="mb-20">tag--->{{tag}}</p>
        <p class="mb-20">position------>{{position}}</p>
        <p class="mb-20">navSub------>{{navSub}}</p>
        <p class="mb-20">list------>{{data}}</p>
        <p class="mb-20">recommend------>{{recommend}}</p>
        <p class="mb-20">hot------>{{hot}}</p>
        <p class="mb-20">imgs------>{{imgs}}</p>
    </div>
    {{include './common/js.html'}}
</body>

</html>